<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/Flat-UI/css/flat-ui.min.css" rel="stylesheet" type="text/css">
    <link href="/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css">
    <link href="/css/home.css" rel="stylesheet" type="text/css">
    <link href="/css/profile.css" rel="stylesheet" type="text/css">
    <link href="/css/resume.css" rel="stylesheet" type="text/css">
    <link href="/css/admin.css" rel="stylesheet" type="text/css">
    <script src="/bootstrap/js/jquery-3.2.1.min.js"></script>
    <script src="/js/jquery.cookie.js"></script>
    <script src="/js/home.js"></script>
    <script src="/js/background.js"></script>
    <title>Resume</title>
</head>
<body>
<!--网页头-->
<script src="/js/head.js"></script>
<!--网页体-->
<div class="main">
    <div class="p-body">
        <!--页面正文-->
        <div class="row">
            <div class="col-sm-1"></div>
            <div class="col-sm-10">
                <div class="profile">
                    <!--卡片头-->
                    <div class="profile-title">
                        <div class="container-fluid">
                            <!--翻译员照片-->
                            <div class="col-sm-3"><img id="img-profile" class="img-thumbnail img-head" src="" onclick="openUploadModal(1)" style="cursor: pointer"></div>
                            <!--翻译员简介-->
                            <div class="col-sm-9">
                                <div class="introduce row" id="introduction">
                                    <h4>
                                        <span class="introduce-container"></span>
                                        <button class='btn btn-default'><span class='glyphicon glyphicon-pencil'></span></button>
                                    </h4>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <nav class="navbar navbar-default" role="navigation">
                            <div class="collapse navbar-collapse" id="navbar-collapse-01">
                                <ul class="nav navbar-nav">
                                    <li class="active" onclick="moduleControl(this,'#profile')"><a><span class="glyphicon glyphicon-user">&nbsp;</span>Profile</a></li>
                                    <li onclick="moduleControl(this,'#gallery')"><a><span class="glyphicon glyphicon-picture">&nbsp;</span>Gallery</a></li>
                                    <li onclick="moduleControl(this,'#review')"><a><span class="glyphicon glyphicon-star">&nbsp;</span>Review</a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                    <!--卡片体-->
                    <div class="profile-body">
                        <!--个人介绍模块-->
                        <div class="container-fluid module" id="profile" style="">

                        </div>
                        <!--过往图片模块-->
                        <div class="container-fluid module" id="gallery" style="display: none">
                            <!--新增照片-->
                            <div class="row p-line text-center">
                                <button class="btn btn-primary" onclick="openUploadModal(2)">
                                    添加照片
                                </button>
                            </div>
                            <!--图片放置处-->
                            <div class="img-picture">
                            </div>
                            <!--图片modal放置处-->
                            <div class="img-modal">
                                <div class="modal fade" id="modal-img" tabindex="-1" role="dialog">
                                    <div class="modal-lg modal-dialog" role="document">
                                        <div class="modal-content">
                                            <div class="modal-body">
                                                <img class="img-thumbnail">
                                            </div>
                                            <div class="modal-footer">
                                                <button class="btn btn-danger" type="button" onclick="removeGallery()">删除图片</button>
                                                <button class="btn btn-default" type="button" data-dismiss="modal">取消</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--个人经历模块-->
                        <div class="container-fluid module" id="review" style="display: none">
                            <!--新增个人经历模块-->
                            <div class="p-line text-center">
                                <button class="btn btn-primary" onclick="newReview()">新增回顾</button>
                            </div>
                        </div>
                    </div>
                    <!--新增图片modal-->
                    <div class="modal fade" id="img-new-modal" tabindex="-1" role="dialog">
                        <div class="modal-dialog" role="document">
                            <form method="post" id="form-gallery">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title">上传照片</h4>
                                    </div>
                                    <div class="modal-body">
                                        <p>注：照片不能大于1M,gallery模块照片不得多于10张</p>
                                        <input name="file" type="file" class="form-control" accept="image/*">
                                        <input name="id" value="" hidden>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-primary" onclick="uploadGallery()">确定</button>
                                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--网页脚-->
<script src="/js/foot.js"></script>
<script src="/bootstrap-switch/dist/js/bootstrap-switch.min.js"></script>
<script src="/Flat-UI/js/vendor/video.js"></script>
<script src="/Flat-UI/js/flat-ui.min.js"></script>
<script src="/js/resume.js"></script>
<script src="js/personage.js"></script>
<script>
    $('.carousel').carousel({interval: 2000});
    $("select").select2({dropdownCssClass: 'dropdown-inverse'});
</script>
</body>
</html>
